<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Gestion de Tiendas</title>
	<style type="text/css">
.ui-widget {
	font-size: 90%;
}
</style>
</h:head>
<body>
	<h:form>
		<p:growl autoUpdate="true" showDetail="true"/>
		<p:panelGrid columns="2">
			<p:outputLabel value="Codigo: " for="codigo" />
			<p:inputText id="codigo" value="#{backGestorTiendas.tienda.codigo}" style="width:200px;" required="true" 
				disabled="#{backGestorTiendas.esNuevaTienda eq false}"/>
			<p:outputLabel value="Nombre: " for="nombre" />
			<p:inputText id="nombre" value="#{backGestorTiendas.tienda.nombre}" style="width:200px;" required="true" />
			
			<p:outputLabel value="Estado: " for="estado" />
			<p:selectOneMenu id="estado" value="#{backGestorTiendas.tienda.activo}">
				<f:selectItem itemLabel="#{backGestorTiendas.tienda.activo ? 'Activo' : 'Inactivo'}" itemValue="#{backGestorTiendas.tienda.activo}" />
				<f:selectItem itemLabel="#{backGestorTiendas.tienda.activo ? 'Inactivo' : 'Activo'}" itemValue="#{not backGestorTiendas.tienda.activo}" />
			</p:selectOneMenu>
		</p:panelGrid>
		<p:panel id="tabla">
			<p:dataTable value="#{backGestorTiendas.interfaces}" rowKey="#{interfaz.id}"
				selection="#{backGestorTiendas.interfacesSel}" var="interfaz" rows="10">
				<p:column selectionMode="multiple" style="width:15px;"/>
				<p:column headerText="Nombre"> #{interfaz.descripcion} </p:column>
			</p:dataTable>
			<f:facet name="footer">
				<p:commandButton icon="ui-icon-disk" value="Guardar" actionListener="#{backGestorTiendas.guardar}" />
				<p:commandButton icon="ui-icon-cancel" value="Cancelar" immediate="true"
					actionListener="#{backGestorTiendas.cancelar}" />
			</f:facet>
		</p:panel>
	</h:form>
</body>
</html>
